//模板中文件，暂无用处

import {
    LineChart,
    Line,
    XAxis,
    YAxis,
    CartesianGrid,
    Tooltip,
    Legend,
} from 'recharts'

// const data = [
//   { name: 'A', value: 400 },
//   { name: 'B', value: 300 },
//   { name: 'C', value: 200 },
//   { name: 'D', value: 100 },
//   { name: 'E', value: 50 },
//   { name: 'F', value: 400 },
//   { name: 'G', value: 300 },
// ];

const SimpleLineChart = ({ data }) => (
    <LineChart
        width={500}
        height={300}
        data={data}
        margin={{
            top: 5,
            right: 30,
            left: 20,
            bottom: 5,
        }}
    >
        <CartesianGrid strokeDasharray="3 3" />
        <XAxis dataKey="name" />
        <YAxis />
        <Tooltip />
        <Legend />
        <Line
            type="monotone"
            dataKey="value"
            stroke="#8884d8"
            activeDot={{ r: 8 }}
        />
    </LineChart>
)

export default SimpleLineChart
